<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <include file = "Public/html/header.html" />
</head>
<body>
<div>
    <div class="container">
        <div class="form-group">
            <div class="input-group col-xs-12">
                <form action="{:U('Member/index')}" method="post">
                    <div class="input-group-btn">
                        <select name="type" class="form-control" style="width: auto;">
                            <option value="week">周</option>
                            <option  value="month" <if condition="$type eq 'month'">selected = "selected"</if> >月</option>
                        </select>
                        <input type="text" name="keyword" id="keyword" class="form-control" placeholder="输入年月日期(例如20190606)，不输入默认日期" style="width: 40%;">
                        <span>
                          <button class="btn btn-info" type="submit"><span class="glyphicon glyphicon-search"></span></button>
                        </span>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div id = "echartsDiv" style="width: 100%;height:80%;"></div>

</body>
<include file = "Public/html/footer.html" />


<script>

    var myChart = echarts.init(document.getElementById('echartsDiv'));

    // app.title = '坐标轴刻度与标签对齐';
    var xAxis ='{$xAxis}'.split(",");
    var series ='{$series}'.split(",");

    var option = {
        color: ['#3398DB'],
        tooltip : {
            trigger: 'axis',
            axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
            }

        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            data: xAxis,
            axisTick: {
                alignWithLabel: true
            },
            name:'时间',
            axisLabel: {
                interval:0,
                rotate:40
            }
        },
        yAxis: {
            type: 'value',
            name:'订单'
        },
        series: [{
            data: series,
            type: 'bar',

        }]
    };

    myChart.setOption(option);

</script>

</html>